layui.use(['form', 'layer'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery;

    /**
     * 监听表单的提交事件
     */
    form.on('submit(addOrUpdateUser)', function (data) {
        // 提交数据时的加载层
        var index = layer.msg("数据提交中,请稍后...", {
            icon: 16, // 图标
            time: false, // 不关闭
            shade: 0.8 // 设置遮罩的透明度
        });

        // 发送ajax请求
        var url = path + "/user/add"

        // 通过用户的Id来判断当前需要执行添加操作还是修改操作
        // 如果用户Id为空，则表示要进行添加操作，如果Id不为空，则表示进行更新操作
        var userId = $("[name='id']").val();
        // 判断Id是否为空
        if (userId != null && userId != '') {
            // 更新操作
            url = path + "/user/update";
        }

        $.post(url, data.field, function (result) {
            // 判断操作是否执行成功
            if (result.code === 200) {
                // 成功
                // 提示成功
                layer.msg(result.msg, {icon: 6});
                // 关闭加载层
                layer.close(index);
                // 关闭弹出层
                layer.closeAll("iframe");
                // 刷新父窗口，重新加载数据
                parent.location.reload();
            } else {
                // 失败
                layer.msg(result.msg, {icon: 5});
            }
        });

        return false;   // 阻止表单提交
    });

    /**
     * 关闭当前弹出层
     */
    $("#closeBtn").click(function () {
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭
    });


    /**
     * 加载分组的下拉框
     */
    $.ajax({
        type: 'get',
        url: path + "/user/queryAllGroups",
        data: {},
        success: function (data) {
            // 判断返回的数据是否为空
            if (data != null) {
                // 获取隐藏域中设置的分组Id
                var roleNameId = $("#roleNameId").val();

                // 遍历返回的数据
                for (var i = 0; i < data.length; i++) {
                    var opt = "";

                    // 如果循环得到的指派人Id与隐藏域中Id相等则表示被选中
                    if (roleNameId == data[i].id) {
                        // 设置下拉选项，设置下拉选中
                        opt = "<option value='" + data[i].id + "' selected>" + data[i].roleName + "</option>"
                    } else {
                        // 设置下拉选项
                        opt = "<option value='" + data[i].id + "'>" + data[i].roleName + "</option>"
                    }
                    // 将下拉项设置到下拉框中
                    $("#groupId").append(opt);
                }
            }
            // 重新渲染下拉框的内容
            layui.form.render("select");
        }
    });

});
